@import "./../../../style/color.scss";
@import "./../../../style/font.scss";
@import "./../../../style/onepx.scss";

.navigation-page {

  .search-wrap {
    position: absolute;
    top: 18px;
    left: 25px;
    right: 25px;
    height: 88px;
    z-index: 999;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(110,120,107,0.50);
    border-radius: 4px;
    line-height: 88px;
    padding-left: 24px;

    .am-icon {
      fill: #ccc;
    }

    .am-icon-md {
      width: 40px;
      height: 40px;
      vertical-align: middle;
    }

    .label {
      font-family: $regular-font-family;
      @include font-dpr(30px);
      color: #B5B8B4;
      letter-spacing: 0;
      display: inline-block;
      padding-left: 16px;

      .organise-name {
        color: #000000;
      }
    }
  }

}


.navication-search-page {
  height: 100%;
  background-color: #F6F7F8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .search-wrap {
      padding: 18px 26px 15px;
  }

  .search-content {
    @include onepx($normal-border-color, vertical);
    background-color: #FFFFFF;
    padding: 0 20px;
    flex-grow: 1;
    overflow: auto;

    .search-row {
      padding: 29px 10px;
      font-family: $regular-font-family;
      @include font-dpr(30px);
      color: $mine-content-color;
      letter-spacing: 0;

      &:not(:first-child) {
        @include onepx($normal-border-color, top);
      }
    }
  }
}

.organise-detail-page {
  height: 100%;
  padding-bottom: 40px;
  box-sizing: border-box;

  .organise-content {
    background-color: #FFFFFF;
    @include onepx($normal-border-color, bottom);
    padding: 0 20px;

    .organise-title {
      @include onepx($normal-border-color, bottom);
      padding: 29px 10px;
      font-family: $regular-font-family;
      color: $mine-content-color;
      @include font-dpr(30px);
      letter-spacing: 0;
    }

    .organise-content {
      padding: 0 10px;

      .organise-row {
        font-family: $regular-font-family;
        @include font-dpr(30px);
        color: $title-text-color;
        letter-spacing: 0;
        display: flex;
        flex-direction: row;

        &:first-child {
          padding: 28px 0 20px;
        }

        &:not(:first-child) {
          padding: 20px 0;
        }

        >div:first-child {
          white-space: nowrap;
        }
      }

      .organise-row-photo {

        .photo-title {
          font-family: $regular-font-family;
          @include font-dpr(30px);
          color: $title-text-color;
          letter-spacing: 0;
          padding: 20px 0 15px;
        }

        .photo-wrap {
          margin: 0 -10px;

          .photo {
            display: inline-block;
            width: 33.3%;
            padding: 15px 9px;
            box-sizing: border-box;

            >img {
              width: 100%;
              height: 300px;
            }

            .label {
              font-family: $regular-font-family;
              @include font-dpr(28px);
              color: $title-text-color;
              letter-spacing: 0;
              padding: 10px;
              text-align: center;
            }
          }
        }
      }
    }
  }
}
